import React from 'react'
import styles from './css/article-module/index.module.scss'
import ArticleItem from './ArticleItem'

export default function ArticleModule(props) {
  return (
    <div className={styles["cake-magazine"]}>
      <h4 className={styles["magazine-title"]}>
        {props.title}
        <span>/</span>
        <span>文章</span>
        <a href="#">查看更多&nbsp;</a>
      </h4>
      <ul className={styles["magazine-content"]}>
        {props.article.map(item => (
          <ArticleItem key={item.id} item={item} />
        ))}
      </ul>
    </div>
  )
}
